.cont {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00c693;

    image {
        position: fixed;
        top: 50rpx;
        right: 70rpx;
        width: 300rpx;
        height: 200rpx;
    }
}

.code {
    position: fixed;
    top: 50%;
    right: 50%;
    margin-right: -306rpx;
    margin-top: -380rpx;
    width: 612rpx;
    height: 760rpx;
    background-repeat: no-repeat;
    background-size: cover;

    >view:nth-of-type(1) {
        padding: 0 40rpx;
        height: 150rpx;
        display: flex;
        align-items: center;
        box-sizing: border-box;

        image {
            width: 100rpx;
            height: 100rpx;
            border-radius: 50%;
        }

        >view {
            padding-left: 20rpx;
            flex: 1;

            >view:nth-of-type(1) {
                color: #000;
                font-size: 28rpx;
                text-overflow: -o-ellipsis-lastline;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
            }

            >view:nth-of-type(2) {
                padding-top: 10rpx;
                color: #BBB;
                font-size: 28rpx;
            }
        }

    }

    >image {
        display: block;
        margin: 50rpx auto 0;
        width: 460rpx;
        height: 460rpx;
    }
}